<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <title>Document</title>
  <link rel="stylesheet" type="text/css" href="../static/blog/layui/css/layui.css">
  <link rel="stylesheet" type="text/css" href="../static/blog/css/main.css">
<!--加载meta IE兼容文件-->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>




<body>
  <div class="header">
    <div class="menu-btn">
      <div class="menu"></div>
    </div>
    <h1 class="logo">
      <a href="index.html">
        <span>我的书评</span>
      </a>
    </h1>
    <div class="nav">
      <a href="index" class="active">文章</a>
      <a href="leacots">留言</a>
      <a href="about">关于</a>

    </div>
    <ul class="layui-nav header-down-nav">
      <li class="layui-nav-item"><a href="index" class="active">文章</a></li>
      <li class="layui-nav-item"><a href="leacotsl">留言</a></li>
      <li class="layui-nav-item"><a href="about" >关于</a></li>
    </ul>
    <p class="welcome-text">
      欢迎来到<span class="name">我</span>的书屋~
    </p>
  </div>

  <div class="banner">
    <div class="cont w1000">
      <div class="title">
        <h3>MY<br />BOOKSTORE</h3>
        <h4>well-balanced heart</h4>
      </div>
      <div class="amount">
        <p><span class="text">访问量</span><span class="access">1000</span></p>
        <p><span class="text">日志</span><span class="daily-record">100</span></p>
      </div>
    </div>
  </div>

  <div class="content">
    <div class="cont w1000">
      <div class="title">
        <span class="layui-breadcrumb" lay-separator="|">
          <a href="javascript:;" class="active">我的文章</a>         
        </span>
      </div>
      <div class="list-item">
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <div class="img"><img src="../static/blog/img/sy_img1.jpg" alt=""></div>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>《时代周刊》（Time）又称《时代》<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  
                  <p>即便是它在今年的美国“国家期刊奖”中一个提名也没有获得，话语惯性与品牌传统以及以红框构成的各式封面积累仍然维系着《时代》的地位。</p>
                  <!-- <a href="details.html" class="go-icon"></a> -->
                </div>
            </div>
            </div>
           </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <div class="img"><img src="../static/blog/img/sy_img2.jpg" alt=""></div>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>《VOGUE》杂志是世界上最重要的杂志品牌之一<button class="layui-btn layui-btn-danger new-icon">new</button></h3>                  
                  <p>老牌VOGUE的时尚集团地位已不容置疑，在学者中，VOGUE亦已化身为时尚影像历史的代表物。VOGUE在意大利获得更值得称道的发展，结合ITALY人的时尚与热情诞生了时尚杂志超级模范，VOGUE ITALIA发展至今已经建立了5本同样出色的子刊，昭示着VOGUE的惊人魅力。
</p>
                 <!-- <a href="details.html" class="go-icon"></a> -->
                </div>
            </div>
            </div>
           </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <div class="img"><img src="../static/blog/img/sy_img3.jpg" alt=""></div>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>《国家地理》是1888年10月美国国家地理协会出版的图书，<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <p>《国家地理》封面上的亮黄色边框以及月桂纹图样已经成为象征，同时这些标识也是国家地理杂志的注册商标。杂志内容为高质量的关于社会、历史、世界各地的风土人情的文章；其印刷和图片之质量标准也为人们所称道。</p>
                  <!-- <a href="details.html" class="go-icon"></a> -->
                </div>
            </div>
            </div>
           </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <div class="img"><img src="../static/blog/img/sy_img4.jpg" alt=""></div>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>《福布斯》（Forbes）是美国一本福布斯公司商业杂志。<button class="layui-btn layui-btn-danger new-icon">new</button></h3>                 
                  <p>该杂志每两周发行一次，以金融、工业、投资和营销等主题的原创文章著称。福布斯还报道技术、通信、科学和法律等领域的内容。</p>
                  <!-- <a href="details.html" class="go-icon"></a> -->
                </div>
            </div>
            </div>
           </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <div class="img"><img src="../static/blog/img/sy_img5.jpg" alt=""></div>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>《财富》（Fortune Magazine）主要刊登经济问题研究文章的杂志。<button class="layui-btn layui-btn-danger new-icon">new</button></h3>   
                  <p>　为全球人熟知的两个杂志运营品牌“财富论坛”和“500强”仍然在继续维持着它们在财经领域的话语霸权。杂志本体操作得仍然让人看不出其有任何老态，即便是在前些年那些锐意改变一切的新经济杂志面前，《财富》仍然保持着可贵的新鲜。</p>
                 <!-- <a href="details.html" class="go-icon"></a> -->
                </div>
            </div>
            </div>
           </div>
        </div>
      </div>
      <div id="demo" style="text-align: center;"></div>
    </div>
  </div>

  
  <script type="text/javascript" src="../static/blog/layui/layui.js"></script>
  <script type="text/javascript">
    layui.config({
      base: '../static/blog/js/util/'
    }).use(['element','laypage','jquery','menu'],function(){
      element = layui.element,laypage = layui.laypage,$ = layui.$,menu = layui.menu;
      laypage.render({
        elem: 'demo'
        ,count: 70 //数据总数，从服务端得到
      });
      menu.init();
    })
  </script>
</body>
</html>